<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>重大危险源</title>
	<link rel="stylesheet" href="../resource/app/css/reset.css">
	<link rel="stylesheet" href="../resource/app/css/zdwxy.css">
	<style>
		html {
			visibility: visible;
		}
	</style>
</head>

<body>

<div class="wrapper">

	<div class="header"></div>
	<div class="header-logo"></div>

	<div class="header-menu-date"></div>
	<div class="header-menu-time"></div>

	<div class="header-menu-left">
		<a target="_top" href="../main3.html?link=zdwxy.html" class="active">重大危险源</a>
		<a target="_top" href="../main3.html?link=wxhxp.html">危险化学品</a>
		<a target="_top" href="../main3.html?link=wxhggy.html">危险化工工艺</a>
	</div>

	<div class="header-menu-right">
		<a target="_top" href="../main3.html?link=xkzz.html">许可证照</a>
		<a target="_top" href="../main3.html?link=wxfqw.html">危险废弃物</a>
		<a target="_top" href="../main3.html?link=wxpyscl.html">危险品运输车辆</a>
	</div>

	<div class="sub-header">
		<ul>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">集团</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">
						<div class="dropdown-menu-list">
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;" class="active">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
							<a href="javascript:;">东北销售</a>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">勘探</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">炼化</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">销售</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">天然气销售</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">管道</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">工程技术</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
			<li>
				<div class="dropdown-btn">
					<a href="javascript:;" class="active">工程建设</a>
				</div>
				<div class="dropdown-menu">
					<div class="container">

					</div>
				</div>
			</li>
		</ul>
	</div>

	<!--	级别分布-->
	<div id="zdwxy_1_wrapper" class="panel-1"></div>
	<div id="zdwxy_1_header" class="panel-header-1">
		<span class="title">级别分布</span>
	</div>
	<div id="zdwxy_1"></div>


	<!--	类型分布-->
	<div id="zdwxy_2_wrapper" class="panel-1"></div>
	<div id="zdwxy_2_header" class="panel-header-1">
		<span class="title">类型分布</span>
	</div>
	<div id="zdwxy_2"></div>


	<!--	各版块重大危险源分布-->
	<div id="zdwxy_3_wrapper" class="panel-1"></div>
	<div id="zdwxy_3_header" class="panel-header-1">
		<span class="title">各版块重大危险源分布</span>
	</div>
	<div id="zdwxy_3"></div>


	<!--	报警环比变化-->
	<div id="zdwxy_4_wrapper" class="panel-1"></div>
	<div id="zdwxy_4_header" class="panel-header-1">
		<span class="title">报警环比变化</span>
	</div>
	<div id="zdwxy_4">

		<div class="alarm-info">
			<!--			use up down-->
			<div class="alarm-percent up">
				<span id="zdwxy_4_alarm_percent">0%</span>
			</div>

			<div class="alarm-legend red">
				<span>红色报警</span>
			</div>

			<div class="alarm-legend orange">
				<span>橙色报警</span>
			</div>
		</div>

		<div class="alarm-table">

			<div class="alarm-progress-title">
				<div class="left">
					<span>8月报警：<em id="zdwxy_4_alarm_prev_month">0</em>次</span>
				</div>
				<div class="center"></div>
				<div class="right">
					<span>9月报警：<em id="zdwxy_4_alarm_next_month">0</em>次</span>
				</div>
			</div>

			<div class="alarm-progress">
				<div class="left">
					<div class="progress-bar red">
						<span class="num">18</span>
<!--						use style="width: num%" to set progress-bar-inner width -->
						<div class="progress-bar-inner"></div>
					</div>
				</div>
				<div class="center">
					<span>红色报警</span>
				</div>
				<div class="right">
					<div class="progress-bar red">
						<span class="num">19</span>
						<div class="progress-bar-inner"></div>
					</div>
				</div>
			</div>

			<div class="alarm-progress">
				<div class="left">
					<div class="progress-bar orange ">
						<span class="num">18</span>
						<div class="progress-bar-inner"></div>
					</div>
				</div>
				<div class="center">
					<span>橙色报警</span>
				</div>
				<div class="right">
					<div class="progress-bar orange">
						<span class="num">19</span>
						<div class="progress-bar-inner"></div>
					</div>
				</div>
			</div>

		</div>


	</div>


	<!--	近30天报警数据类型分布-->
	<div id="zdwxy_5_wrapper" class="panel-1"></div>
	<div id="zdwxy_5_header" class="panel-header-1">
		<span class="title">近30天报警数据类型分布</span>
	</div>
	<div id="zdwxy_5"></div>
	<div id="zdwxy_5_card">
		<div class="num" id="zdwxy_5_num">0</div>
		<div class="desc">类型总数</div>
	</div>


	<!--	在线情况-->
	<div id="zdwxy_6_wrapper" class="panel-1"></div>
	<div id="zdwxy_6_header" class="panel-header-1">
		<span class="title">在线情况</span>
	</div>
	<div id="zdwxy_6"></div>


	<div id="zdwxy_7"></div>

	<div id="zdwxy_7_ent_link">企业</div>
	<div id="zdwxy_7_trend_btn"></div>
	<div id="zdwxy_7_trend"></div>


	<div id="zdwxy_8_wrapper" class="panel-1"></div>
	<div id="zdwxy_8">

		<div class="total-ent-num">

			<div class="title">企业总数</div>
			<div class="flop blue" id="zdwxy_8_flop_1">
				<span>0</span>
				<span>0</span>
				<span>0</span>
				<span>0</span>
			</div>

		</div>

		<div class="tab">

			<div class="tab-header">
				<a href="javascript:;" class="active">
					<div class="container">
						<div class="title">今日预警</div>
						<div class="flop orange" id="zdwxy_8_flop_tab_1">
							<span>0</span>
							<span>0</span>
							<span>0</span>
							<span>0</span>
						</div>
					</div>
				</a>
				<a href="javascript:;">
					<div class="container">
						<div class="title">未消除预警</div>
						<div class="flop red" id="zdwxy_8_flop_tab_2">
							<span>0</span>
							<span>0</span>
							<span>0</span>
							<span>0</span>
						</div>
					</div>
				</a>
			</div>

			<div class="tab-content">

				<div class="content active">
					<div id="zdwxy_8_chart_1"></div>
				</div>

				<div class="content">
					<div id="zdwxy_8_chart_2"></div>
				</div>

			</div>

		</div>


	</div>


	<!--	重点监管化学品与化工工艺-->
	<div id="zdwxy_9_wrapper" class="panel-1"></div>
	<div id="zdwxy_9_header" class="panel-header-1">
		<span class="title">重点监管化学品与化工工艺</span>
	</div>
	<div id="zdwxy_9">

		<div class="card">
			<div class="card-header">
				<div class="title">重点监管化学品</div>
			</div>
			<div class="card-body">

				<div class="good-table striped">

					<div class="good-table-header">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<thead>
							<tr>
								<th>重点监管危化品</th>
								<th>涉及重大危险源数</th>
								<th>近30天报警总数</th>
							</tr>
							</thead>
						</table>
					</div>

					<div class="good-table-body">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<tbody>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							</tbody>
						</table>
					</div>

				</div>

			</div>
		</div>

		<div class="card">
			<div class="card-header">
				<div class="title">重点监管化工工艺</div>
			</div>
			<div class="card-body">

				<div class="good-table striped">

					<div class="good-table-header">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<thead>
							<tr>
								<th>重点监管化工工艺</th>
								<th>涉及重大危险源数</th>
								<th>近30天报警总数</th>
							</tr>
							</thead>
						</table>
					</div>

					<div class="good-table-body">
						<table>
							<colgroup>
								<col style="width: 150px;">
								<col style="width: 150px;">
								<col style="width: 140px;">
							</colgroup>

							<tbody>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							<tr>
								<td>化学品1</td>
								<td class="text-center">
									<a href="javascript:;">30</a>
								</td>
								<td class="text-center">
									<a href="javascript:;">10</a>
								</td>
							</tr>
							</tbody>
						</table>
					</div>

				</div>

			</div>
		</div>

	</div>

	<div style="	position: absolute;
	top: 260px;
	left: 994px;
	width: 357px;
	height: 44px;">

		<a href="javascript:;" id="dialog_1">dialog_1</a>
		<a href="javascript:;" id="dialog_2">dialog_2</a>
		<a href="javascript:;" id="dialog_3">dialog_3</a>
		<a href="javascript:;" id="dialog_4">dialog_4</a>
		<a href="javascript:;" id="dialog_5">dialog_5</a>
		<a href="javascript:;" id="dialog_6">dialog_6</a>
		<a href="javascript:;" id="dialog_7">dialog_7</a>
		<a href="javascript:;" id="dialog_8">dialog_8</a>


	</div>

</div>
<script src="../resource/fb.min.js"></script>
<script>
	fb.dev(true);
	fb.app("zdwxy.zdwxyApp", function () {
		Firebird.create("zdwxy.SearchApp");
	});
</script>
</body>
</html>